<!DOCTYPE html>
<html class="loginHtml">
<head>
    <meta charset="utf-8">
    <title>登录--车辆管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="resources/layui/favicon.ico">
    <link rel="stylesheet" href="resources/layui/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="resources/layui/css/public.css" media="all" />
    <style>
        html, body {width: 100%;height: 100%;overflow: hidden}
        body {background: #009688;}
        body:after {content:'';background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
        /*.layui-container {width: 100%;height: 100%;overflow: hidden}*/
        /*.admin-login-background {width:360px;height:300px;position:absolute;left:50%;top:40%;margin-left:-180px;margin-top:-100px;}*/
        /*.logo-title {text-align:center;letter-spacing:2px;padding:14px 0;}*/
        /*.logo-title h1 {color:#009688;font-size:25px;font-weight:bold;}*/
        /*.login-form {background-color:#fff;border:1px solid #fff;border-radius:3px;padding:14px 20px;box-shadow:0 0 8px #eeeeee;}*/
        /*.login-form .layui-form-item {position:relative;}*/
        .captcha {width:50%;display:inline-block;}
        .captcha-img {display:inline-block;width:45%;float:right;}
        .captcha-img img {height:34px;border:1px solid #e6e6e6;height:36px;width:100%;}
        #canvas {
            float: right;
            display: inline-block;
            border: 1px solid #D2D2D2!important;
            border-radius: 5px;
            cursor: pointer;
            width:100%;
        }
    </style>

</head>
<body class="loginBody">
<form class="layui-form">
    <div class="login_face layui-container"><img src="resources/layui/images/face.jpg" class="userAvatar"></div>
    <div class="layui-form-item input-item">
        <label for="phone">手机号</label>
        <input type="text" placeholder="请输入手机号" autocomplete="off" id="phone" name="phone" class="layui-input" lay-verify="required">
    </div>
    <div class="layui-form-item input-item">
        <label for="lpass">密码</label>
        <input type="password" placeholder="请输入密码" autocomplete="off" id="lpass" name="lpass" class="layui-input" lay-verify="required">
    </div>
    <div class="layui-form-item input-item" id="imgCode">
        <label for="captcha">验证码</label>
        <input type="text" name="captcha" id="captcha" lay-verify="required|captcha" placeholder="请输入验证码" autocomplete="off" class="layui-input verification captcha" value="">
        <div class="captcha-img">
            <canvas id="canvas" class="layui-input"></canvas>
        </div>
    </div>
    <div class="layui-form-item">
        <button class="layui-btn layui-block" lay-filter="login" lay-submit>登录</button>
    </div>
</form>
<script type="text/javascript" src="resources/layui/layui/layui.js"></script>
<script type="text/javascript" src="resources/layui/page/login/login.js"></script>
<script type="text/javascript" src="resources/layui/js/cache.js"></script>
</body>
</html>